.ti {
  width: 100%;
  text-align: center;
  color: purple;
}
.box {
  width: 90%;
  height: 70%;
  border: 1px solid plum;
  margin: 0 auto;
}
.box .title {
  height: 8%;
}
.box .title .fa {
  display: flex;
  height: 100%;
}
.box .title .fa .son {
  display: block;
  line-height: 250%;
  height: 100%;
  width: 34%;
  text-align: center;
  background-color: pink;
  border-right: 1px solid purple;
  color: white;
}
.box .title .fa .sonSel {
  background-color: palevioletred;
}
.box .miTitle {
  height: 5%;
}
.box .miTitle .innerMiTitle {
  height: 100%;
  display: flex;
}
.box .miTitle .innerMiTitle .item {
  color: white;
  border-right: 1px solid purple;
  text-align: center;
  height: 100%;
  line-height: 150%;
  background-color: #f5c6dd;
  width: 50%;
}
.box .miTitle .innerMiTitle .itemSel {
  background-color: #f57ab7;
}
.box .miTitle .innerMiTitle .itemSel:after {
  height: 1px;
  width: 100%;
  border: 1px solid purple;
}
.box .cont {
  height: 87%;
  background-color: gray;
}
.box .cont .btn {
  height: 10%;
}
.box .cont .btn ul {
  padding-top: 5px;
  height: 100%;
  line-height: 100%;
  display: flex;
}
.box .cont .btn ul li {
  padding-left: 25px;
  margin: 0 auto;
  width: 20%;
}
.box .cont .btn ul li .inp {
  width: 40%;
}
.box .cont .showBox {
  height: 77%;
  border-top: 1px solid purple;
  padding: 10px;
}
.box .cont .shun .showNum,
.box .cont .lian .showNum {
  height: 10%;
}
.box .cont .shun .showList,
.box .cont .lian .showList {
  padding: 10px;
}
.box .cont .shun .showList ul li,
.box .cont .lian .showList ul li {
  margin-right: 10px;
  margin-bottom: 1%;
}
.box .cont .shun .showList ul li .itemInp input,
.box .cont .lian .showList ul li .itemInp input {
  width: 43px;
  height: 21px;
}
.box .cont .shun .showList ul .linkLi,
.box .cont .lian .showList ul .linkLi {
  margin-right: 0px;
}
.box .cont .lian .showList .preLink {
  padding-top: 6px;
}
.box .cont .lian .showList .preLink .tran {
  width: 0px;
  height: 0px;
  border: 10px solid transparent;
  /*以下四个样式对应四种三角形，任选其一即可实现*/
  /* border-top-color:lightseagreen; */
  /* border-left-color:lightseagreen; */
  border-right-color: #e295e5;
  /*border-bottom-color:lightseagreen;*/
}
.box .cont .lian .showList .preLink .line {
  height: 5px;
  width: 30px;
  background-color: #ff004c;
  margin-top: 7px;
}
